
<!DOCTYPE html>

<html lang="en">

<head>



	<title>会議室予約システム - Team 13 - Admin</title>

	<meta charset="utf-8">

	

	<!-- Global stylesheets -->

	<link href="css/reset.css" rel="stylesheet" type="text/css">

	<link href="css/common.css" rel="stylesheet" type="text/css">

	<link href="css/form.css" rel="stylesheet" type="text/css">

	<link href="css/standard.css" rel="stylesheet" type="text/css">

	

	<!-- Comment/uncomment one of these files to toggle between fixed and fluid layout -->

	<!--<link href="css/960.gs.css" rel="stylesheet" type="text/css">-->

	<link href="css/960.gs.fluid.css" rel="stylesheet" type="text/css">

	

	<!-- Custom styles -->

	<link href="css/simple-lists.css" rel="stylesheet" type="text/css">

	<link href="css/block-lists.css" rel="stylesheet" type="text/css">

	<link href="css/planning.css" rel="stylesheet" type="text/css">

	<link href="css/table.css" rel="stylesheet" type="text/css">

	<link href="css/calendars.css" rel="stylesheet" type="text/css">

	<link href="css/wizard.css" rel="stylesheet" type="text/css">

	<link href="css/gallery.css" rel="stylesheet" type="text/css">

	

	<!-- Favicon -->

	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

	<link rel="icon" type="image/png" href="favicon-large.png">

	

	<!-- Generic libs -->

	<script type="text/javascript" src="js/html5.js"></script>				<!-- this has to be loaded before anything else -->

	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

	<script type="text/javascript" src="js/old-browsers.js"></script>		<!-- remove if you do not need older browsers detection -->

	

	<!-- Template libs -->

	<script type="text/javascript" src="js/jquery.accessibleList.js"></script>

	<script type="text/javascript" src="js/searchField.js"></script>

	<script type="text/javascript" src="js/common.js"></script>

	<script type="text/javascript" src="js/standard.js"></script>

	<!--[if lte IE 8]><script type="text/javascript" src="js/standard.ie.js"></script><![endif]-->

	<script type="text/javascript" src="js/jquery.tip.js"></script>

	<script type="text/javascript" src="js/jquery.hashchange.js"></script>

	<script type="text/javascript" src="js/jquery.contextMenu.js"></script>

	<script type="text/javascript" src="js/jquery.modal.js"></script>

	

	<!-- Custom styles lib -->

	<script type="text/javascript" src="js/list.js"></script>

	

	<!-- Plugins -->

	<script  type="text/javascript" src="js/jquery.dataTables.min.js"></script>

	<script  type="text/javascript" src="js/jquery.datepick/jquery.datepick.min.js"></script>

	

	<!-- Charts library -->

	<!--Load the AJAX API-->

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>

	<script type="text/javascript">

	

		// Load the Visualization API and the piechart package.

		google.load('visualization', '1', {'packages':['corechart']});

		

	</script>

	

	<script type="text/javascript">

		

		$(document).ready(function()

		{

			/*

			 * Example context menu

			 */

			

			// Context menu for all favorites

			$('.favorites li').bind('contextMenu', function(event, list)

			{

				var li = $(this);

				

				// Add links to the menu

				if (li.prev().length > 0)

				{

					list.push({ text: 'Move up', link:'#', icon:'up' });

				}

				if (li.next().length > 0)

				{

					list.push({ text: 'Move down', link:'#', icon:'down' });

				}

				list.push(false);	// Separator

				list.push({ text: 'Delete', link:'#', icon:'delete' });

				list.push({ text: 'Edit', link:'#', icon:'edit' });

			});

			

			// Extra options for the first one

			$('.favorites li:first').bind('contextMenu', function(event, list)

			{

				list.push(false);	// Separator

				list.push({ text: 'Settings', icon:'terminal', link:'#', subs:[

					{ text: 'General settings', link: '#', icon: 'blog' },

					{ text: 'System settings', link: '#', icon: 'server' },

					{ text: 'Website settings', link: '#', icon: 'network' }

				] });

			});

			

			/*

			 * Table sorting

			 */

			

			// A small classes setup...

			$.fn.dataTableExt.oStdClasses.sWrapper = 'no-margin last-child';

			$.fn.dataTableExt.oStdClasses.sInfo = 'message no-margin';

			$.fn.dataTableExt.oStdClasses.sLength = 'float-left';

			$.fn.dataTableExt.oStdClasses.sFilter = 'float-right';

			$.fn.dataTableExt.oStdClasses.sPaging = 'sub-hover paging_';

			$.fn.dataTableExt.oStdClasses.sPagePrevEnabled = 'control-prev';

			$.fn.dataTableExt.oStdClasses.sPagePrevDisabled = 'control-prev disabled';

			$.fn.dataTableExt.oStdClasses.sPageNextEnabled = 'control-next';

			$.fn.dataTableExt.oStdClasses.sPageNextDisabled = 'control-next disabled';

			$.fn.dataTableExt.oStdClasses.sPageFirst = 'control-first';

			$.fn.dataTableExt.oStdClasses.sPagePrevious = 'control-prev';

			$.fn.dataTableExt.oStdClasses.sPageNext = 'control-next';

			$.fn.dataTableExt.oStdClasses.sPageLast = 'control-last';

			

			// Apply to table

			$('.sortable').each(function(i)

			{

				// DataTable config

				var table = $(this),

					oTable = table.dataTable({

						/*

						 * We set specific options for each columns here. Some columns contain raw data to enable correct sorting, so we convert it for display

						 * @url http://www.datatables.net/usage/columns

						 */

						aoColumns: [

							{ bSortable: false },	// No sorting for this columns, as it only contains checkboxes

							{ sType: 'string' },

							{ bSortable: false },

							{ sType: 'numeric', bUseRendered: false, fnRender: function(obj) // Append unit and add icon

								{

									return '<small><img src="images/icons/fugue/image.png" width="16" height="16" class="picto"> '+obj.aData[obj.iDataColumn]+' Ko</small>';

								}

							},

							{ sType: 'date' },

							{ sType: 'numeric', bUseRendered: false, fnRender: function(obj) // Size is given as float for sorting, convert to format 000 x 000

								{

									return obj.aData[obj.iDataColumn].split('.').join(' x ');

								}

							},

							{ bSortable: false }	// No sorting for actions column

						],

						

						/*

						 * Set DOM structure for table controls

						 * @url http://www.datatables.net/examples/basic_init/dom.html

						 */

						sDom: '<"block-controls"<"controls-buttons"p>>rti<"block-footer clearfix"lf>',

						

						/*

						 * Callback to apply template setup

						 */

						fnDrawCallback: function()

						{

							this.parent().applyTemplateSetup();

						},

						fnInitComplete: function()

						{

							this.parent().applyTemplateSetup();

						}

					});

				

				// Sorting arrows behaviour

				table.find('thead .sort-up').click(function(event)

				{

					// Stop link behaviour

					event.preventDefault();

					

					// Find column index

					var column = $(this).closest('th'),

						columnIndex = column.parent().children().index(column.get(0));

					

					// Send command

					oTable.fnSort([[columnIndex, 'asc']]);

					

					// Prevent bubbling

					return false;

				});

				table.find('thead .sort-down').click(function(event)

				{

					// Stop link behaviour

					event.preventDefault();

					

					// Find column index

					var column = $(this).closest('th'),

						columnIndex = column.parent().children().index(column.get(0));

					

					// Send command

					oTable.fnSort([[columnIndex, 'desc']]);

					

					// Prevent bubbling

					return false;

				});

			});

			

			/*

			 * Datepicker

			 * Thanks to sbkyle! http://themeforest.net/user/sbkyle

			 */

			$('.datepicker').datepick({

				alignment: 'bottom',

				showOtherMonths: true,

				selectOtherMonths: true,

				renderer: {

					picker: '<div class="datepick block-border clearfix form"><div class="mini-calendar clearfix">' +

							'{months}</div></div>',

					monthRow: '{months}', 

					month: '<div class="calendar-controls" style="white-space: nowrap">' +

								'{monthHeader:M yyyy}' +

							'</div>' +

							'<table cellspacing="0">' +

								'<thead>{weekHeader}</thead>' +

								'<tbody>{weeks}</tbody></table>', 

					weekHeader: '<tr>{days}</tr>', 

					dayHeader: '<th>{day}</th>', 

					week: '<tr>{days}</tr>', 

					day: '<td>{day}</td>', 

					monthSelector: '.month', 

					daySelector: 'td', 

					rtlClass: 'rtl', 

					multiClass: 'multi', 

					defaultClass: 'default', 

					selectedClass: 'selected', 

					highlightedClass: 'highlight', 

					todayClass: 'today', 

					otherMonthClass: 'other-month', 

					weekendClass: 'week-end', 

					commandClass: 'calendar', 

					commandLinkClass: 'button',

					disabledClass: 'unavailable'

				}

			});

		});

		

		// Demo modal

		function openModal()

		{

			$.modal({

				content: '<p>This is an example of modal window. You can open several at the same time (click button below!), move them and resize them.</p>'+

						  '<p>The plugin provides several other functions to control them, try below:</p>'+

						  '<ul class="simple-list with-icon">'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().setModalTitle(\'\')">Remove title</a></li>'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().setModalTitle(\'New title\')">Change title</a></li>'+

						  '    <li><a href="javascript:void(0)" onclick="$(this).getModalWindow().loadModalContent(\'ajax-modal.html\')">Load Ajax content</a></li>'+

						  '</ul>',

				title: 'Example modal window',

				maxWidth: 500,

				buttons: {

					'Open new modal': function(win) { openModal(); },

					'Close': function(win) { win.closeModal(); }

				}

			});

		}

	

	</script>

	

</head>



<body>

<!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie or .ie7 prefix to your css selectors when needed -->

<!--[if lt IE 9]><div class="ie"><![endif]-->

<!--[if lt IE 8]><div class="ie7"><![endif]-->

	

	<!-- Header -->

	

	<!-- Server status -->

	<header><div class="container_12">

		

		<p id="skin-name"><strong> 会議室予約システム - Team 13</strong></p>

		<div class="server-info">Server: <strong>Apache 2.2.14</strong></div>

		<div class="server-info">Php: <strong>5.3.1</strong></div>

		

	</div></header>

	<!-- End server status -->

	

	<!-- Main nav -->

	<nav id="main-nav">

		

		<ul class="container_12">

			<li class="home current"><a href="#" title="ダッシュボード">ダッシュボード</a></li>

			<li class="rooms"><a href="#" title="会議室">会議室</a>

				<ul>

					<li><a href="#">会議室の一覧</a></li>

					<li><a href="#">会議室を追加</a></li>
					
					<li><a href="#">会議室の設定</a></li>
				</ul>

			</li>

			<li class="users"><a href="#" title="ユーザー">ユーザー</a>

				<ul>

					<li><a href="#">ユーザーの一覧</a></li>

					<li><a href="#">ユーザーを追加</a></li>
					
					<li><a href="#">メールを送信</a></li>
					

				</ul>

			</li>

			<li class="orders"><a href="#" title="予約">予約</a>

				<ul>

					<li><a href="#">予約の一覧</a></li>

					<li><a href="#">予約を追加</a></li>
					
					<li><a href="#">統計</a></li>
					
					<li><a href="#">ＣＳＶダウンロード</a></li>

				</ul>

			</li>

			<li class="stats"><a href="#" title="統計">統計</a></li>	

			<li class="backup"><a href="#" title="ＣＳＶ">ＣＳＶダウンロード</a></li>

		</ul>

	</nav>

	<!-- End main nav -->

	

	<!-- Sub nav -->

	<div id="sub-nav"><div class="container_12">



	</div></div>

	<!-- End sub nav -->

	

	<!-- Status bar -->

	<div id="status-bar"><div class="container_12">

	

		<ul id="status-infos">

			<li class="spaced">Logged as: <strong>Admin</strong></li>

			<li>

				<a href="#" class="button" title="5 messages"><img src="images/icons/fugue/mail.png" width="16" height="16"> <strong>5</strong></a>

				<div id="messages-list" class="result-block">

					<span class="arrow"><span></span></span>

					

					<ul class="small-files-list icon-mail">

						<li>

							<a href="#"><strong>10:15</strong> Please update...<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>Yest.</strong> Hi<br>

							<small>From: Jane</small></a>

						</li>

						<li>

							<a href="#"><strong>Yest.</strong> System update<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>2 days</strong> Database backup<br>

							<small>From: System</small></a>

						</li>

						<li>

							<a href="#"><strong>2 days</strong> Re: bug report<br>

							<small>From: Max</small></a>

						</li>

					</ul>

					

					<p id="messages-info" class="result-info"><a href="#">Go to inbox &raquo;</a></p>

				</div>

			</li>

			<li>

				<a href="#" class="button" title="25 comments"><img src="images/icons/fugue/balloon.png" width="16" height="16"> <strong>25</strong></a>

				<div id="comments-list" class="result-block">

					<span class="arrow"><span></span></span>

					

					<ul class="small-files-list icon-comment">

						<li>

							<a href="#"><strong>Jane</strong>: I don't think so<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Ken_54</strong>: What about using a different...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong> Sure, but no more.<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Have you seen that...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: Good luck!<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Sébastien</strong>: This sure rocks!<br>

							<small>On <strong>Another post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: Me too!<br>

							<small>On <strong>Third post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong> This can be solved by...<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong>: No prob.<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: I had the following...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Anonymous</strong>: Yes<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lian</strong>: Please make sure that...<br>

							<small>On <strong>Last post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Ann</strong> Thanks!<br>

							<small>On <strong>Last post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Don't tell me what...<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Gordon</strong>: Here is an article about...<br>

							<small>On <strong>My another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lee</strong>: Try to reset the value first<br>

							<small>On <strong>Last title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Lee</strong>: Sure!<br>

							<small>On <strong>Second post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Many</strong> Great job, keep on!<br>

							<small>On <strong>Third post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: I really like this<br>

							<small>On <strong>First title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Paul</strong>: Hello, I have an issue with...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>June</strong>: Yuck.<br>

							<small>On <strong>Another title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Jane</strong>: Wow, sounds amazing, do...<br>

							<small>On <strong>Another title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Esther</strong>: Man, this is the best...<br>

							<small>On <strong>Another post</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>Max</strong>: Thanks!<br>

							<small>On <strong>Post title</strong></small></a>

						</li>

						<li>

							<a href="#"><strong>John</strong>: I'd say it is not safe...<br>

							<small>On <strong>My first post</strong></small></a>

						</li>

					</ul>

					

					<p id="comments-info" class="result-info"><a href="#">Manage comments &raquo;</a></p>

				</div>

			</li>

			<li><a href="login.html" class="button red" title="Logout"><span class="smaller">LOGOUT</span></a></li>

		</ul>

		

		<ul id="breadcrumb">

			<li><a href="#" title="Home">Home</a></li>

			<li><a href="#" title="Dashboard">Dashboard</a></li>

		</ul>

	

	</div></div>

	<!-- End status bar -->


	<!-- End header -->


	<!-- Content -->

	<article class="container_12">

		<section class="grid_4"><!-- simple form -->

			<div class="block-border"><form class="block-content form" id="simple_form" method="post" action="">

				<h1>Simple form</h1>

				

				<fieldset class="grey-bg required">

					<legend>Fieldset with background</legend>

					<p>

						<label for="simple-required">Required input</label>

						<input type="text" name="simple-required" id="simple-required" value="" class="full-width">

					</p>

				</fieldset>

				

				<fieldset>

					<legend>Fieldset</legend>

					

					<ul class="message error no-margin">

						<li>This is an <strong>error message</strong>, inside a form</li>

					</ul>

					

					<p>

						<label for="simple-calendar">Date selector</label>

						<span class="input-type-text margin-right error relative"><input type="text" name="simple-calendar" id="simple-calendar" value="" class="datepicker"><img src="images/icons/fugue/calendar-month.png" width="16" height="16"><span class="check-error"></span></span> 

						<button type="button" class="grey">Today</button>

					</p>

					<p>

						<span class="label">Inline checkable</span>

						<input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-1" value="1">&nbsp;<label for="simple-checkbox-1">Views</label> 

						<input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-2" value="2">&nbsp;<label for="simple-checkbox-2">Unique visitors</label>

					</p>

					

					<div class="columns">

						<div class="colx2-left">

							<span class="label">Checkable list</span>

							<ul class="checkable-list">

								<li><input type="radio" name="simple-radio" id="simple-radio-1" value="1">&nbsp;<label for="simple-radio-1">Group</label></li>

								<li><input type="radio" name="simple-radio" id="simple-radio-2" value="2">&nbsp;<label for="simple-radio-2">Separate</label></li>

							</ul>

						</div>

						<p class="colx2-right">

							<label for="simple-select">Select</label>

							<select name="simple-select" id="simple-select" class="full-width">

								<option value="1">Option 1</option>

								<option value="2">Option 2</option>

								<option value="3">Option 3</option>

								<option value="4">Option 4</option>

							</select>

						</p>

					</div>

					

					<div class="columns">

						<div class="colx2-left">

							<label for="simple-switch-off">Switch off</label>

							<input type="checkbox" name="simple-switch-off" id="simple-switch-off" value="1" class="switch">

						</div>

						<p class="colx2-right">

							<label for="simple-switch-on">Switch on</label>

							<input type="checkbox" name="simple-switch-on" id="simple-switch-on" value="1" checked="checked" class="switch">

						</p>

					</div>

					

				</fieldset>

				

				<fieldset class="grey-bg no-margin">

					<legend>Action on create</legend>

					<p class="input-with-button">

						<label for="simple-action">Select action</label>

						<select name="simple-action" id="simple-action">

							<option value="1">Save and publish</option>

							<option value="2">Save only</option>

						</select>

						<button type="button">Create</button>

					</p>

				</fieldset>

					

			</form></div>

		</section>

		

		<section class="grid_8"><!--Complex for -->

			<div class="block-border"><form class="block-content form" id="complex_form" method="post" action="">

				<h1>Complex form</h1>

				

				<div class="block-controls">

					

					<ul class="controls-tabs js-tabs">

						<li class="current"><a href="#" title="Charts"><img src="images/icons/web-app/24/Bar-Chart.png" width="24" height="24"></a></li>

						<li><a href="#" title="Comments"><img src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li>

						<li><a href="#" title="Medias"><img src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li>

						<li><a href="#" title="Users"><img src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li>

						<li><a href="#" title="Informations"><img src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li>

					</ul>

					

				</div>

				

				<ul class="message warning no-margin">

					<li>This is a <strong>warning message</strong>, inside a box</li>

					<li class="close-bt"></li>

				</ul>

				

				<div class="columns">

					<div class="col200pxL-left">

						

						<h2>Side tabs</h2>

						

						<ul class="side-tabs js-tabs same-height">

							<li><a href="#tab-global" title="Global properties">Global properties</a></li>

							<li><a href="#tab-settings" title="Language settings">Language settings</a></li>

							<li><a href="#tab-relations" title="Relations">Relations</a></li>

							<li><a href="#tab-history" title="History">History</a></li>

							<li><span>Advanced parameters</span></li>

							<li class="icon-tab with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li>

						</ul>

						

					</div>

					<div class="col200pxL-right">

						

						<div id="tab-global" class="tabs-content">

							

							<ul class="tabs js-tabs same-height">

								<li class="current"><a href="#tab-locales" title="Locales">Locales</a></li>

								<li><a href="#tab-options" title="Options">Options</a></li>

								<li><span>Advanced</span></li>

								<li class="with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li>

							</ul>

							

							<div class="tabs-content">

								

								<div id="tab-locales">

								

									<div class="infos">

										<h3>Locales edition</h3>

										<p>Choose a locale below and edit informations as needed</p>

									</div>

									

									<ul class="mini-tabs no-margin js-tabs same-height">

										<li><a href="#tab-en"><img src="images/icons/flags/us.png" width="16" height="11" alt="English" title="English"></a></li>

										<li class="current"><a href="#tab-fr"><img src="images/icons/flags/fr.png" width="16" height="11" alt="French" title="French"></a></li>

										<li><a href="#tab-de"><img src="images/icons/flags/de.png" width="16" height="11" alt="German" title="German"></a></li>

										<li><a href="#tab-es"><img src="images/icons/flags/es.png" width="16" height="11" alt="Spanish" title="Spanish"></a></li>

										<li><a href="#tab-ru"><img src="images/icons/flags/ru.png" width="16" height="11" alt="Russian" title="Russian"></a></li>

										<li><a href="#tab-jp"><img src="images/icons/flags/jp.png" width="16" height="11" alt="Japanese" title="Japanese"></a></li>

									</ul>

									

									<div id="tab-en">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-en-title" id="complex-en-title" value="English" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-en-active" id="complex-en-active-1" value="1" checked="checked">&nbsp;<label for="complex-en-active-1">Yes</label> 

													<input type="radio" name="complex-en-active" id="complex-en-active-0" value="0">&nbsp;<label for="complex-en-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-en-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-en-url" id="complex-en-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-en-subtitle">Subtitle</label>

													<input type="text" name="complex-en-subtitle" id="complex-en-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-0" value="0">&nbsp;<label for="complex-en-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-1" value="1">&nbsp;<label for="complex-en-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-2" value="2">&nbsp;<label for="complex-en-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-en-style">Style</label>

													<select name="complex-en-style" id="complex-en-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

									

									<div id="tab-fr">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-fr-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-fr-title" id="complex-fr-title" value="Français" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-fr-active" id="complex-fr-active-1" value="1" checked="checked">&nbsp;<label for="complex-fr-active-1">Yes</label> 

													<input type="radio" name="complex-fr-active" id="complex-fr-active-0" value="0">&nbsp;<label for="complex-fr-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-fr-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-fr-url" id="complex-fr-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-fr-subtitle">Subtitle</label>

													<input type="text" name="complex-fr-subtitle" id="complex-fr-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-0" value="0">&nbsp;<label for="complex-fr-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-1" value="1">&nbsp;<label for="complex-fr-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-2" value="2">&nbsp;<label for="complex-fr-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-fr-style">Style</label>

													<select name="complex-fr-style" id="complex-fr-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

									

									<div id="tab-de">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-de-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-de-title" id="complex-de-title" value="Deutsch" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-de-active" id="complex-de-active-1" value="1" checked="checked">&nbsp;<label for="complex-de-active-1">Yes</label> 

													<input type="radio" name="complex-de-active" id="complex-de-active-0" value="0">&nbsp;<label for="complex-de-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-de-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-de-url" id="complex-de-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-de-subtitle">Subtitle</label>

													<input type="text" name="complex-de-subtitle" id="complex-de-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-0" value="0">&nbsp;<label for="complex-de-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-1" value="1">&nbsp;<label for="complex-de-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-2" value="2">&nbsp;<label for="complex-de-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-de-style">Style</label>

													<select name="complex-de-style" id="complex-de-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

									

									<div id="tab-es">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-es-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-es-title" id="complex-es-title" value="Español" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-es-active" id="complex-es-active-1" value="1" checked="checked">&nbsp;<label for="complex-es-active-1">Yes</label> 

													<input type="radio" name="complex-es-active" id="complex-es-active-0" value="0">&nbsp;<label for="complex-es-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-es-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-es-url" id="complex-es-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-es-subtitle">Subtitle</label>

													<input type="text" name="complex-es-subtitle" id="complex-es-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-0" value="0">&nbsp;<label for="complex-es-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-1" value="1">&nbsp;<label for="complex-es-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-2" value="2">&nbsp;<label for="complex-es-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-es-style">Style</label>

													<select name="complex-es-style" id="complex-es-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

									

									<div id="tab-ru">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-ru-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-ru-title" id="complex-ru-title" value="???????" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-ru-active" id="complex-ru-active-1" value="1" checked="checked">&nbsp;<label for="complex-ru-active-1">Yes</label> 

													<input type="radio" name="complex-ru-active" id="complex-ru-active-0" value="0">&nbsp;<label for="complex-ru-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-ru-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-ru-url" id="complex-ru-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-ru-subtitle">Subtitle</label>

													<input type="text" name="complex-ru-subtitle" id="complex-ru-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-0" value="0">&nbsp;<label for="complex-ru-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-1" value="1">&nbsp;<label for="complex-ru-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-2" value="2">&nbsp;<label for="complex-ru-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-ru-style">Style</label>

													<select name="complex-ru-style" id="complex-ru-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

									

									<div id="tab-jp">

										<fieldset class="grey-bg">

											<legend>Required fields</legend>

											<div class="colx3-left-double required">

												<label for="complex-jp-title">Page title</label>

												<span class="relative">

													<input type="text" name="complex-jp-title" id="complex-jp-title" value="???" class="full-width">

													<span class="check-ok"></span>

												</span>

											</div>

											<div class="colx3-right">

												<span class="label required">Active</span>

												<p class="input-height grey-bg">

													<input type="radio" name="complex-jp-active" id="complex-jp-active-1" value="1" checked="checked">&nbsp;<label for="complex-jp-active-1">Yes</label> 

													<input type="radio" name="complex-jp-active" id="complex-jp-active-0" value="0">&nbsp;<label for="complex-jp-active-0">No</label>

												</p>

											</div>

										</fieldset>

								

										<fieldset>

											<legend>Other informations</legend>

											

											<div class="columns">

												<p class="colx2-left">

													<label for="complex-jp-url">Url</label>

													<span class="relative">

														<input type="text" name="complex-jp-url" id="complex-jp-url" value="" class="full-width error">

														<span class="check-error"></span>

													</span>

												</p>

												<p class="colx2-right">

													<label for="complex-jp-subtitle">Subtitle</label>

													<input type="text" name="complex-jp-subtitle" id="complex-jp-subtitle" value="" class="full-width">

												</p>

											</div>

											

											<div class="columns">

												<p class="colx2-left">

													<span class="label">Access</span>

													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-0" value="0">&nbsp;<label for="complex-jp-checkbox-0">Everyone</label> 

													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-1" value="1">&nbsp;<label for="complex-jp-checkbox-1">Logged users</label> 

													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-2" value="2">&nbsp;<label for="complex-jp-checkbox-2">Site administrators</label> 

												</p>

												<p class="colx2-right">

													<label for="complex-jp-style">Style</label>

													<select name="complex-jp-style" id="complex-jp-style" class="full-width">

														<option value="1">Standard</option>

														<option value="1">Full-width</option>

														<option value="1">3 columns</option>

													</select>

												</p>

											</div>

										</fieldset>

									</div>

								</div>

								

								<div id="tab-options">

									Options

								</div>

								

							</div>

						</div>

						

						<div id="tab-settings" class="tabs-content">

							Settings

						</div>

						

						<div id="tab-relations" class="tabs-content">

							Relations

						</div>

						

						<div id="tab-history" class="tabs-content">

							History

						</div>

						

					</div>

					

					<div class="col200pxL-bottom">

						<p class="one-line-input grey-bg small-margin">

							<label for="complex-switch-on" class="float-left">Small switch on</label>

							<input type="checkbox" name="complex-switch-on" id="complex-switch-on" value="1" class="mini-switch with-tip" title="Enable/disable switch" checked="checked">

						</p>

						<p class="one-line-input grey-bg clearfix">

							<label for="complex-switch-off" class="float-left">Small switch off</label>

							<input type="checkbox" name="complex-switch-off" id="complex-switch-off" value="1" class="mini-switch with-tip" title="Enable/disable switch">

						</p>

					</div>

				</div>

				

			</form></div>

		</section>

		

		<div class="clear"></div>


	</article>

	

	<!-- End content -->

	

	<footer>
	

		<div class="float-right">

			<a href="#top" class="button"><img src="images/icons/fugue/navigation-090.png" width="16" height="16"> Page top</a>		</div>


</footer>



<!--[if lt IE 8]></div><![endif]-->

<!--[if lt IE 9]></div><![endif]-->

</body>

</html>